 <template>
	<view class="">
		<view class="flex u-p-y-20" @click="toOrderDetail">
			<view class="u-m-r-20">
				<u-image :src="item.images" width="150rpx" height="150rpx"></u-image>
			</view>
			<view class="flex-1 flex flex-column justify-between">
				<text class="u-font-24 text-ellipsis" style="width: 470rpx;"> {{item.goods_name}}</text>
				<view class="flex justify-between align-center">
				<text class="text-ellipsis-2" style="line-height: 1.2;color:#666666;">{{item.goods_attr || '默认规格'}}</text>
				<text class="font-26" style="color:#999999;">x{{item.total_num}}</text>
				</view>
				<view class="flex justify-between">
					<text class="font-26" style="color:#999999;">¥{{item.goods_price}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"order-item-list-good",
		props: {
		  item: {
				type: Object,
				default() {
					return {}
				}
			},
			index: {
				type: [String, Number],
				default: ''
			}
		},
		methods: {
			toOrderDetail() {
				this.$emit('toOrderDetail', this.index)
			},
		}
	}
</script>

<style lang="scss" scoped>

</style>
